<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/default/header::header(null,null)"></div>
<body>
<div class="main-content index-page clearfix">
    <div style="float: left;margin-left: -200px;text-align: left;display: inline">
    <div class="post-lists">
        <div class="post-lists-body">
            <div class="post-list-item" th:each="article: ${articles.list}">
                <div class="post-list-item-container">
                    <a th:href="${commons.permalink(article)}" class="item-thumb  bg-deepgrey"
                       th:style="'background-image:url('+@{${commons.show_thumb(article)}}+');'">
                        <dir class="item-desc" th:text="${article.tags}"></dir>
                    </a>
                    <div class="item-slant reverse-slant &lt; bg-deepgrey"></div>
                    <div class="item-slant"></div>
                    <div class="item-label">
                        <div class="item-title"><a th:href="${commons.permalink(article)}"
                                                   th:text="${article.title}"></a>
                        </div>
                        <div class="item-meta clearfix">
                            <div th:class="'item-meta-ico '+ ${commons.show_icon(article.cid)}"
                                 th:style="'background: url('+@{/user/img/bg-ico.png}+');no-repeat;background-size: 40px auto;' "></div>
                            <div class="item-meta-cat" th:utext="'类型:'+ ${commons.show_categories(article.categories)}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
<!-- 文章分页信息 -->
<div class="lists-navigator clearfix">
    <div  th:replace="/comm/macros::pageNav(${articles},'上一页','下一页','page')" ></div>
</div>
<!-- 博主信息描述 -->
<table style="text-align: center;float: right;margin-right: -1010px;margin-top: -896px;">
    <tr>
        <th>
        <!--<img th:src="@{/static/admin/images/me.jpg}" alt="about me" class="blog-entry-img" />-->
            <img th:src="@{'/admin/images/me.jpg'}" alt="about me" class="blog-entry-img" />
        <p>
           Java后台开发
        </p>
        <p>个人博客小站，主要发表关于Java、Spring、Docker等相关文章</p>

    <div class="blog-sidebar-widget blog-bor">
        <h2 class="blog-text-center blog-title"><span>联系我:QQ2917800062</span></h2>
        <p>
            <a><span class="am-icon-github am-icon-fw blog-icon"></span></a>
            <a><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>
        </p>
    </div>
        </th>
    </tr>
</table>
<!-- 阅读排行榜 -->
<!--<div style="float: right;margin-right: 140px;margin-top: -506px;">-->
    <table style="text-align: left;float: right;margin-right: -1010px;margin-top: -486px;">
        <tr>
            <th style="text-align: center"><h1>阅读排行榜</h1></th>
        </tr>
        <th:block th:each="article :${articleList}">
            <tr>
                <td style="width: 400px">
                    <a  style="font-size: 15px;" th:href="@{'/article/'+${article.cid}}"
                        th:text="${articleStat.index+1}+'、'+${article.title}+'('+${article.hits}+')'"></a>
                </td>
            </tr>
        </th:block>
    </table>
<!--</div>-->
</body>
<div th:replace="themes/default/footer::footer"></div>
</html>
